{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>恒达科技|{% block title %}{% endblock %}</title>
    <link rel="stylesheet" href="{% static 'bootstrap/css/bootstrap.min.css' %}">
    <script src="{% static 'bootstrap/js/jquery-3.1.1.min.js' %}"></script>
    <script src="{% static 'bootstrap/js/bootstrap.min.js' %}"></script>
    <script src="{% static 'layer/layer.js' %}"></script>
    <link rel="stylesheet" href="{% static 'css/base.css' %}">
</head>
<body>
    <!---头部logo-->
    <div class="container margin-top10">
        <div class="row">
            <div class="col-md-6"><img src="{% static 'images/logo.jpg' %}"/></div>
            <div class="col-md-3 logo_text"><i class="glyphicon glyphicon-phone"></i>电话：400 1111 0000</div>
            <div class="col-md-3 logo_text"><i class="glyphicon glyphicon-envelope"></i>邮箱：hengda@126.com</div>
        </div>
    </div>

    <!--二级导航菜单-->
    <nav class="container-fluid">
        <div class="container">
            <ul>
                <li class="home"><a href="{% url 'home' %}">首页</a></li>
                <li class="about">
                    公司简介
                    <ul>
                        <li><a href="{% url 'about' 1 %}">企业概况</a></li>
                        <li><a href="{% url 'about' 2 %}">荣誉资质</a></li>
                    </ul>
                </li>
                <li class="new">新闻动态
                    <ul>
                        <li><a href="{% url 'new' 1 %}">企业要闻</a></li>
                        <li><a href="{% url 'new' 2 %}">行业新闻</a></li>
                        <li><a href="{% url 'new' 3 %}">通知公告</a></li>
                    </ul>
                </li>
                <li class="product">产品中心
                    <ul>
                        <li><a href="{% url 'product' 1 %}">家用机器人</a></li>
                        <li><a href="{% url 'product' 2 %}">智能监控</a></li>
                        <li><a href="{% url 'product' 3 %}">人脸识别解决方案</a></li>
                    </ul>
                </li>
                <li class="service">服务支持
                    <ul>
                        <li><a href="{% url 'service' 1 %}">资料下载</a></li>
                        <li><a href="{% url 'service' 2 %}">人脸识别开放平台</a></li>
                    </ul>
                </li>
                <li class="science"><a href="{% url 'science' %}">科研基地</a></li>
                <li class="contact">人才招聘
                    <ul>
                        <li><a href="{% url 'contact' 1 %}">欢迎咨询</a></li>
                        <li><a href="{% url 'contact' 2 %}">加入恒达</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>

    <!--菜单简介-->
    <div class="menu-desc">
        {% block navImg %}{% endblock %}
    </div>

    <!--主体内容-->
    <div class="container">
    {% block content %}{% endblock %}
    </div>

    <!--底部-->
    <footer>
        <div class="col-md-9 row footer-left">
            <div class="col-md-3">
                <ul>
                    <li>公司简介</li>
                    <li><a href="">企业概况</a></li>
                    <li><a href="">荣誉资质</a></li>
                </ul>
            </div>
             <div class="col-md-3">
                 <ul>
                     <li>产品中心</li>
                     <li><a href="">家用机器人</a></li>
                     <li><a href="">智能监控</a></li>
                     <li><a href="">人脸识别解决方案</a></li>
                 </ul>
             </div>
            <div class="col-md-3">
                <ul>
                    <li>服务支持</li>
                    <li><a href="">资料下载</a></li>
                    <li><a href="">人脸识别开放平台</a></li>
                </ul>
            </div>
            <div class="col-md-3">
                <ul>
                    <li>人才招聘</li>
                    <li><a href="">欢迎咨询</a></li>
                    <li><a href="">加入恒达</a></li>
                </ul>
            </div>
        </div>
        <div class="col-md-3 footer-right">
            <div>扫描二维码，关注我们</div>
            <div><img src="{% static 'images/qrcode.jpg' %}" /></div>
            <div>客服热线：<b>400 111 2222</b></div>
        </div>
    </footer>

<script src="{% static 'js/base.js' %}"></script>
<script>
    // 菜单切换
    let type = {{ type }};
    // 获取符合该选择器.mode-menu>div的所有dom
    $(".mode-menu>div").each((index,item)=>{
        if(type === index){
            // 激活
            $(item).addClass("mode-active")
        }else{
            // 不激活
            $(item).removeClass("mode-active")
        }
    })

</script>


</body>
</html>